<template>
  <div id="AsideDownload" style="width: 200px;">
    <!-- 设置 popover 弹出框，使鼠标 hover 下载组件会跳出大的二维码 -->
    <el-popover placement="right" width="300px" trigger="hover">
      <img id="ActiveImg" src="../../../assets/qrcode.jpg" class="image">
      <el-button slot="reference" style="border: none;padding: 0px;">
        <el-card id="cardbody" :body-style="{ padding: '0px' }">
            <img id="StaticImg" src="../../../assets/qrcode.jpg" class="image">
          <div style="display: inline;">
            <div style="line-height: 10px;margin-left: 10px;">
              <a href="#" style="color:black;text-decoration:none;">
                <p><b>下载淘方案 APP ></b></p>
              </a>
              <p style="color:lightslategray">随时随地查找方案</p>
            </div>
          </div>
        </el-card>
      </el-button>
    </el-popover>
  
  </div>
</template>

<style scoped>
  #StaticImg {
    width: 200px;
    display: block;
  }

  #ActiveImg {
    width: 400px;
  }
</style>

<script>
  export default {
    data() {
      return {};
    }
  }
</script>
